<template>
  <div>
    <home-slider/>
    <function-module/>
    <about-us/>
    <our-team/>
    <our-service/>
    <choose-me/>
<!--    <our-portfolio/>-->
<!--    <what-our-clients-say/>-->
  </div>
</template>

<script>

import HomeSlider from "@/view/common/HomeSlider.vue";
import FunctionModule from "@/view/OurCanDo.vue";
import OurService from '@/view/OurService.vue'
import OurTeam from  '@/view/OurTeam.vue'
import ChooseMe from "@/view/ChooseMe.vue";
// import OurPortfolio from "@/view/OurPortfolio.vue";
// import WhatOurClientsSay from "@/view/WhatOurClientsSay.vue";
import AboutUs from "@/view/AboutUs.vue";
// import VersionChange from "@/view/VersionChange.vue";

export default {
  name: "HomePage",
  components: {
    HomeSlider, FunctionModule,AboutUs, OurService,OurTeam,ChooseMe
    // ,OurPortfolio,WhatOurClientsSay
    // , VersionChange

  },
  data() {
    return {
      windowHeight: 300,
      startY: null,
      scrollThreshold: 50,
      opts: {
        start: 0,
        dir: 'v',
        duration: 500,
        // beforeChange: function (currentSlideEl,currenIndex,nextIndex) {
        // },
        // afterChange: function (currentSlideEl,currenIndex,nextIndex) {
        // }
      }

    }
  },
  methods: {
    moveNext() {
      this.$refs.example.$fullpage.moveNext(); //Move to the next page
    }
  }
}
</script>


<style scoped>

.fullpage-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}

.nextBtn {
  height: 30px;
  bottom: 0;
  right: 20px;
  font-size: 13px;
  line-height: 60px;
  position: fixed;
  z-index: 30000;
  margin-bottom: 100px;
  margin-right: 40px;
}

.nextSpan {
  cursor: pointer;
  font-weight: bold;
  font-size: 50px;
  line-height: 60px;
  display: inline-block;
  transform: rotate(90deg);
}

.funPage {
  background-image: url('@/static/image/bj-fun.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.pageInfo {
}


</style>